<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>信息管理</title>
  <script type="text/javascript" th:inline="JavaScript">
  </script>
</head>

<body>
  <div th:fragment="inspectionDetails">
    <!-- 楼宇巡检详情 -->
    <div class="cd-popup3 inspectionDetails inspectionDetails-pop" id="inspectionDetailsModal">
      <div class="cd-popup-container3 inspectionDetailsModal manageModal inspectionDetailsStyle">
        <div class="modal-top"></div>
        <div class="modal-title">楼宇巡查详情</div>
        <!-- 小叉 关闭按钮 -->
        <a class="cd-popup-close closeModal" href="javascript:;"></a>
        <div class="inspectionDetailsTableBox">
          <div class="headList">
            <ul class="headListLeft">
              <li>
                <p>负责人 :<span class="reportPerson"></span></p>
                <p>巡检情况 :<span class="inspectionSituation"></span></p>
              </li>
              <li>
                <p>联系方式 :<span class="photoNumber"></span></p>
                <p style="width:288px;">上报时间 :<span class="reportingTime"></span></p>
              </li>
              <li>
                <!-- <p>楼宇高度 :<span class="numberOfFloor"></span></p> -->
                <p>地&nbsp;&nbsp;址 :<span class="address"></span></p>
                <p>持续时间 :<span class="duration"></span></p>
              </li>
              <li>
                <!-- <p>楼宇名称 :<span class="buildingName"></span></p> -->
                <p>楼宇高度 :<span class="numberOfFloor"></span></p>
                <p>楼宇状态 :<span class="level"></span></p>
              </li>
              <li>
                <!-- <p>小区名称 :<span class="communityName"></span></p> -->
                <p>所属街道 :<span class="organization"></span></p>
                <p>隐患数目 :<span class="hiddenDanger"></span></p>
              </li>
              <li>
                <!-- <p>详细地址 :<span class="address"></span></p> -->

                <p>所属社区 :<span class="belongRegion"></span></p>
                <p>当前节点 :<span class="node"></span></p>
              </li>

              <li>
                <p>建筑类别 :<span class="buildingCategory"></span></p>
                <p>消防控制室 :<span class="orNotFireControlRoom"></span></p>
              </li>
              <li>
                <p>单位类别 :<span class="unitCategory"></span></p>
                <p>电动车充电桩 :<span class="orNotChargingStation"></span></p>
              </li>

              <li>
                <!-- <p>所属街道 :<span class="organization"></span></p> -->
                <p>微型消防站 :<span class="orNotFireStation"></span></p>
                <!-- <p class="lastSeeDetails seeDetails"><span class="latelyBtn latelyBtnStyle inspectionDetails-target">查看最近上报详情</span></p>
                <p class="currSeeDetails seeDetails none"><span class="latelyBtn latelyBtnStyle inspectionDetails-target">查看当前上报详情</span></p> -->
              </li>
            </ul>
            <div class="headListCenter">
              <div width="520" height="240" id="visualizationCanvas"></div>
              <div class="totalHiddenTroublNumBox">
                <p>0</p>
                <p>总隐患数</p>
              </div>
            </div>
            <div class="headListRight">
              <div class="erweimaBtnBox clearfix">
                <span class="erweimaTit">楼宇照片：</span>
                <span class="erweimaBtnStyle erweimaBtn"></span>
              </div>
              <div class="imgStyle" id="qrcodeInspectionDetails">
                <img src="" alt="">
              </div>
            </div>
          </div>
          <div class="tableBox">
            <table class="table table-bordered" style="margin: -1px; width: 1261px;">
              <thead>
                <tr>
                  <!-- <th style="width: 5%">
                    <input type="checkbox" id="inspectionDetailsTableSelectAll">
                  </th> -->
                  <th>序号</th>
                  <th>楼层</th>
                  <th>隐患数</th>
                  <th>主要隐患</th>
                  <th>楼宇状态</th>
                  <th>持续时间</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody class="tbodyList">

              </tbody>
            </table>
          </div>

        </div>

        <!-- 分页 -->
        <div class="dailyPageBox pageBox" id="inspectionDetailsPageBox">
          <ul class="pagination" id="inspectionDetailsPage"></ul>
          <div class="pageJump">
            <span>跳转到</span>
            <input type="text" />
            <span>页</span>
            <button type="button" class="button btn btn-default">跳转</button>
          </div>
        </div>
        <!-- 下载 -->
        <div class="inspectionDetailsLoadBtn inspectionDetailsLoadBtn-pop"></div>
      </div>

    </div>

    <!-- 巡检详情中的查看二维码 -->
    <div class="cd-popup3 checkEarlyWarningDetailsQrCode checkEarlyWarningDetailsQrCode-pop" id="inspectionDetailsQrCode">
        <div class="cd-popup-container3 checkEarlyWarningDetailsQrCodeModal modalStyle checkEarlyWarningDetailsQrCodePopStyle">
          <div class="modal-top"></div>
          <div class="modal-title mb24">楼宇二维码</div>
          <!-- 二维码 -->
          <div class="checkEarlyWarningDetailsQrCodeImg" id="inspectionDetailsQrCodeImg">
            <!-- <div id="checkEarlyWarningDetailsQrCodeImgLogo">cdcdvcdvdv</div> -->
          </div>
          <div class="checkEarlyWarningDetailsQrCodeCode">
            <span style="margin-right: 10px;">编码:</span>
            <span class="uuid"></span>
          </div>
  
          <input class="checkEarlyWarningDetailsQrCodeReturn" type="button" value="返回">
        </div>
      </div>


  </div>
</body>
</html>